<div
  bsModal
  #actionModal="bs-modal"
  class="modal fade"
  tabindex="-1"
  role="dialog"
  aria-labelledby="actionModal"
  aria-hidden="true"
  [config]="{ backdrop: 'static' }"
>
  <div class="modal-dialog modal-xxl">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">{{ title }}管理</h4>
        <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

      <div class="modal-body">
        <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
          <tabset class="tab-container tabbable-line">
            <tab heading="批量管理" (select)="tabSelect(1)" customClass="m-tabs__item">
              <p-table
                #carDataTable
                [value]="carToolings"
                [(selection)]="selectCarToolings"
                [paginator]="false"
                [lazy]="false"
                [scrollable]="true"
                ScrollWidth="100%"
                rows="1000"
                [responsive]="primengTableHelper.isResponsive"
                [resizableColumns]="primengTableHelper.resizableColumns"
                [globalFilterFields]="[
                  'title',
                  'subTitle',
                  'drawingCodes',
                  'model',
                  'stamp',
                  'location',
                  'categoryName',
                  'classificationName'
                ]"
              >
                <ng-template pTemplate="caption">
                  <div class="row align-items-center m--margin-bottom-10">
                    <div class="col-xl-12">
                      <div class="form-group m-form__group align-items-center">
                        <div class="input-group">
                          <input
                            class="form-control m-input"
                            autofocus
                            type="text"
                            placeholder="搜索..."
                            (input)="carDataTable.filterGlobal($event.target.value, 'contains')"
                            style="width:auto"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                </ng-template>
                <ng-template pTemplate="header">
                  <tr>
                    <th style="width: 38px"><p-tableHeaderCheckbox></p-tableHeaderCheckbox></th>
                    <th style="width: 150px" pSortableColumn="title">
                      名称
                      <p-sortIcon field="title"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="subTitle">
                      工装图号
                      <p-sortIcon field="subTitle"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="isDrawing">
                      有无图纸
                      <p-sortIcon field="isDrawing"></p-sortIcon>
                    </th>
                    <th style="width: 250px">对应产品图号</th>
                    <th style="width: 150px" pSortableColumn="model">
                      型号
                      <p-sortIcon field="model"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="stamp">
                      钢印号
                      <p-sortIcon field="stamp"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="location">
                      位置
                      <p-sortIcon field="location"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="category">
                      类别
                      <p-sortIcon field="category"></p-sortIcon>
                    </th>
                    <th style="width: 150px">工装类型</th>
                    <th style="width: 150px" pSortableColumn="manufactureDate">
                      制造日期
                      <p-sortIcon field="manufactureDate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="intoStockDate">
                      入库日期
                      <p-sortIcon field="intoStockDate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="receiptTime">
                      接收时间
                      <p-sortIcon field="receiptTime"></p-sortIcon>
                    </th>

                    <th style="width: 150px" pSortableColumn="manufacturer">
                      制造单位
                      <p-sortIcon field="manufacturer"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="groupParts">
                      组配件
                      <p-sortIcon field="groupParts"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="certificate">
                      有无合格证
                      <p-sortIcon field="certificate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="handover">
                      有无交接单
                      <p-sortIcon field="handover"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="toolingRecord">
                      有无履历卡
                      <p-sortIcon field="toolingRecord"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="isVerificationCard">
                      有无检定卡
                      <p-sortIcon field="isVerificationCard"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="isNeedVerification">
                      需周期检定
                      <p-sortIcon field="isNeedVerification"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="verificationDate">
                      鉴定日期
                      <p-sortIcon field="verificationDate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="nextVerificationDate">
                      鉴定有效期
                      <p-sortIcon field="nextVerificationDate"></p-sortIcon>
                    </th>

                    <th style="width: 150px">其他资料</th>
                    <th style="width: 150px">最大载荷</th>
                    <th style="width: 150px">所属资产</th>
                    <th style="width: 150px">责任人</th>
                    <th style="width: 150px">工艺员</th>
                    <th style="width: 200px">备注</th>
                  </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit">
                  <tr>
                    <td style="width: 38px"><p-tableCheckbox [value]="record"></p-tableCheckbox></td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 名称</span> {{ record.title }}
                      <span class="m-badge m-badge--danger">{{ record.statusName }}</span>
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 工装图号</span> {{ record.subTitle }}</td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无图纸</span> <span *ngIf="record.isDrawing === null"></span>
                      <span *ngIf="record.isDrawing">有</span>
                      <span *ngIf="record.isDrawing !== null && !record.isDrawing">无</span>
                    </td>
                    <td style="width: 250px">
                      <span class="ui-column-title"> 对应产品图号</span> {{ record.drawingCodes }}
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 型号</span> {{ record.model }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 钢印号</span> {{ record.stamp }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 位置</span> {{ record.location }}</td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 检定类别</span> {{ record.categoryName }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 工装类型</span> {{ record.classificationName }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 制造日期</span>
                      {{ record.manufactureDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 入库日期</span>
                      {{ record.intoStockDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 接收时间</span>
                      {{ record.receiptTime | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 制造单位</span> {{ record.manufacturer }}
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 组配件</span> {{ record.groupParts }}</td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无合格证</span>
                      <span *ngIf="record.certificate === null"></span> <span *ngIf="record.certificate">有</span>
                      <span *ngIf="record.certificate !== null && !record.certificate">无</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无交接单</span> <span *ngIf="record.handover === null"></span>
                      <span *ngIf="record.handover">有</span>
                      <span *ngIf="record.handover !== null && !record.handover">无</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无履历卡</span>
                      <span *ngIf="record.toolingRecord === null"></span> <span *ngIf="record.toolingRecord">有</span>
                      <span *ngIf="record.toolingRecord !== null && !record.toolingRecord">无</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无检定卡</span> <span>{{ record.isVerificationCard }}</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 需周期检定</span>
                      <span *ngIf="record.isNeedVerification">是</span>
                      <span *ngIf="!record.isNeedVerification">否</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 鉴定日期</span>
                      {{ record.verificationDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 鉴定有效期</span>
                      {{ record.nextVerificationDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 其他资料</span> {{ record.groupParts }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 最大载荷</span> {{ record.maxLoad }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 所属资产</span> {{ record.belongTo }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 责任人</span> {{ record.responsible }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 工艺员</span> {{ record.technologist }}</td>
                    <td style="width: 200px"><span class="ui-column-title"> 备注</span> {{ record.remark }}</td>
                  </tr>
                </ng-template>
              </p-table>

              <div class="row" style="margin-top: 40px;">
                <div class="col-6">
                  <div class="form-group">
                    <label for="outStockInfo">{{ title }}信息</label>
                    <input
                      id="outStockInfo"
                      type="text"
                      name="outStockInfo"
                      class="form-control"
                      [(ngModel)]="outStockInfo"
                    />
                  </div>
                </div>
                <div class="col-6">
                  <div class="form-group">
                    <label for="outRemark">{{ title }}备注</label>
                    <input id="outRemark" type="text" name="outRemark" class="form-control" [(ngModel)]="outRemark" />
                  </div>
                </div>
              </div>

              <div style="text-align: right;">
                <button
                  type="button"
                  (click)="outStocks()"
                  class="btn btn-primary"
                  [disabled]="!selectCarToolings.length"
                  [buttonBusy]="saving"
                  [busyText]="title + '中...'"
                >
                  <i class="fa fa-save"></i> <span>{{ title }}</span>
                </button>
              </div>
            </tab>
            <tab heading="入库管理" (select)="tabSelect(2)" customClass="m-tabs__item">
              <form class="horizontal-form" autocomplete="off">
                <div class="m-form m-form--label-align-right">
                  <div class="row align-items-center m--margin-bottom-10">
                    <div class="col-xl-12">
                      <div class="form-group m-form__group align-items-center">
                        <div class="input-group">
                          <input
                            [(ngModel)]="outFilterText"
                            name="outFilterText"
                            class="form-control m-input"
                            [placeholder]="l('SearchWithThreeDot')"
                            type="text"
                          />
                          <span class="input-group-btn">
                            <button (click)="getOutToolings()" class="btn btn-primary" type="submit">
                              <i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i>
                            </button>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </form>

              <p-table
                #outDataTable
                (onLazyLoad)="getOutToolings($event)"
                [value]="outToolings"
                [(selection)]="selectOutToolings"
                rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
                [paginator]="false"
                [lazy]="true"
                [scrollable]="true"
                ScrollWidth="100%"
                [responsive]="primengTableHelper.isResponsive"
                [resizableColumns]="primengTableHelper.resizableColumns"
              >
                <ng-template pTemplate="header">
                  <tr>
                    <th style="width: 38px"><p-tableHeaderCheckbox></p-tableHeaderCheckbox></th>
                    <th style="width: 150px" pSortableColumn="title">
                      名称
                      <p-sortIcon field="title"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="subTitle">
                      工装图号
                      <p-sortIcon field="subTitle"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="isDrawing">
                      有无图纸
                      <p-sortIcon field="isDrawing"></p-sortIcon>
                    </th>
                    <th style="width: 250px">对应产品图号</th>
                    <th style="width: 150px" pSortableColumn="model">
                      型号
                      <p-sortIcon field="model"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="stamp">
                      钢印号
                      <p-sortIcon field="stamp"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="location">
                      位置
                      <p-sortIcon field="location"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="category">
                      类别
                      <p-sortIcon field="category"></p-sortIcon>
                    </th>
                    <th style="width: 150px">工装类型</th>
                    <th style="width: 150px" pSortableColumn="manufactureDate">
                      制造日期
                      <p-sortIcon field="manufactureDate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="intoStockDate">
                      入库日期
                      <p-sortIcon field="intoStockDate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="receiptTime">
                      接收时间
                      <p-sortIcon field="receiptTime"></p-sortIcon>
                    </th>

                    <th style="width: 150px" pSortableColumn="manufacturer">
                      制造单位
                      <p-sortIcon field="manufacturer"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="groupParts">
                      组配件
                      <p-sortIcon field="groupParts"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="certificate">
                      有无合格证
                      <p-sortIcon field="certificate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="handover">
                      有无交接单
                      <p-sortIcon field="handover"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="toolingRecord">
                      有无履历卡
                      <p-sortIcon field="toolingRecord"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="isVerificationCard">
                      有无检定卡
                      <p-sortIcon field="isVerificationCard"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="isNeedVerification">
                      需周期检定
                      <p-sortIcon field="isNeedVerification"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="verificationDate">
                      鉴定日期
                      <p-sortIcon field="verificationDate"></p-sortIcon>
                    </th>
                    <th style="width: 150px" pSortableColumn="nextVerificationDate">
                      鉴定有效期
                      <p-sortIcon field="nextVerificationDate"></p-sortIcon>
                    </th>

                    <th style="width: 150px">其他资料</th>
                    <th style="width: 150px">最大载荷</th>
                    <th style="width: 150px">所属资产</th>
                    <th style="width: 150px">责任人</th>
                    <th style="width: 150px">工艺员</th>
                    <th style="width: 200px">备注</th>
                  </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit">
                  <tr>
                    <td style="width: 38px"><p-tableCheckbox [value]="record"></p-tableCheckbox></td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 名称</span> {{ record.title }}
                      <span class="m-badge m-badge--danger">{{ record.statusName }}</span>
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 工装图号</span> {{ record.subTitle }}</td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无图纸</span> <span *ngIf="record.isDrawing === null"></span>
                      <span *ngIf="record.isDrawing">有</span>
                      <span *ngIf="record.isDrawing !== null && !record.isDrawing">无</span>
                    </td>
                    <td style="width: 250px">
                      <span class="ui-column-title"> 对应产品图号</span> {{ record.drawingCodes }}
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 型号</span> {{ record.model }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 钢印号</span> {{ record.stamp }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 位置</span> {{ record.location }}</td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 检定类别</span> {{ record.categoryName }}
                      <span
                        *ngIf="record.nextVerificationDate && record.nextVerificationDate.diff(nowMoment, 'days') <= 30"
                      >
                        <span style="display:block;"
                          >送检日期:<br />
                          <b style="color:red;"> {{ record.nextVerificationDate | momentFormat: 'YYYY-MM-DD' }}</b>
                        </span>
                      </span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 工装类型</span> {{ record.classificationName }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 制造日期</span>
                      {{ record.manufactureDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 入库日期</span>
                      {{ record.intoStockDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 接收时间</span>
                      {{ record.receiptTime | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 制造单位</span> {{ record.manufacturer }}
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 组配件</span> {{ record.groupParts }}</td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无合格证</span>
                      <span *ngIf="record.certificate === null"></span> <span *ngIf="record.certificate">有</span>
                      <span *ngIf="record.certificate !== null && !record.certificate">无</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无交接单</span> <span *ngIf="record.handover === null"></span>
                      <span *ngIf="record.handover">有</span>
                      <span *ngIf="record.handover !== null && !record.handover">无</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无履历卡</span>
                      <span *ngIf="record.toolingRecord === null"></span> <span *ngIf="record.toolingRecord">有</span>
                      <span *ngIf="record.toolingRecord !== null && !record.toolingRecord">无</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 有无检定卡</span> {{ record.isVerificationCard }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 需周期检定</span>
                      <span *ngIf="record.isNeedVerification">是</span>
                      <span *ngIf="!record.isNeedVerification">否</span>
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 鉴定日期</span>
                      {{ record.verificationDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 鉴定有效期</span>
                      {{ record.nextVerificationDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 150px"><span class="ui-column-title"> 其他资料</span> {{ record.groupParts }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 最大载荷</span> {{ record.maxLoad }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 所属资产</span> {{ record.belongTo }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 责任人</span> {{ record.responsible }}</td>
                    <td style="width: 150px"><span class="ui-column-title"> 工艺员</span> {{ record.technologist }}</td>
                    <td style="width: 200px"><span class="ui-column-title"> 备注</span> {{ record.remark }}</td>
                  </tr>
                </ng-template>
              </p-table>
              <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">{{ l('NoData') }}</div>
              <div class="primeng-paging-container">
                <p-paginator
                  rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
                  #outPaginator
                  (onPageChange)="getOutToolings($event)"
                  [totalRecords]="primengTableHelper.totalRecordsCount"
                  [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage"
                >
                </p-paginator>
                <span class="total-records-count"> 共计：{{ primengTableHelper.totalRecordsCount }} </span>
              </div>

              <div class="row" style="margin-top: 40px;">
                <div class="col-6">
                  <div class="form-group">
                    <label for="backStockInfo">入库信息</label>
                    <input
                      id="backStockInfo"
                      type="text"
                      name="backStockInfo"
                      class="form-control"
                      [(ngModel)]="backStockInfo"
                    />
                  </div>
                </div>
                <div class="col-6">
                  <div class="form-group">
                    <label for="backRemark">入库备注</label>
                    <input
                      id="backRemark"
                      type="text"
                      name="backRemark"
                      class="form-control"
                      [(ngModel)]="backRemark"
                    />
                  </div>
                </div>
              </div>

              <div style="text-align: right;">
                <button
                  type="button"
                  (click)="backStocks()"
                  class="btn btn-primary"
                  [disabled]="!selectOutToolings.length"
                  [buttonBusy]="saving"
                  [busyText]="'入库中...'"
                >
                  <i class="fa fa-save"></i> <span> 入库 </span>
                </button>
              </div>
            </tab>
            <tab heading="日志管理" (select)="tabSelect(3)" customClass="m-tabs__item">
              <form class="horizontal-form" autocomplete="off">
                <div class="m-form m-form--label-align-right">
                  <div class="row align-items-center m--margin-bottom-10">
                    <div class="col-xl-12">
                      <div class="form-group m-form__group align-items-center">
                        <div class="input-group">
                          <input
                            [(ngModel)]="logFilterText"
                            name="logFilterText"
                            class="form-control m-input"
                            [placeholder]="l('SearchWithThreeDot')"
                            type="text"
                          />
                          <span class="input-group-btn">
                            <button (click)="getToolingLogs()" class="btn btn-primary" type="submit">
                              <i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i>
                            </button>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </form>
              <p-table
                #logDataTable
                (onLazyLoad)="getToolingLogs($event)"
                [value]="toolingLogs"
                rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
                [paginator]="false"
                [lazy]="true"
                [scrollable]="true"
                ScrollWidth="100%"
                [responsive]="primengTableHelper.isResponsive"
                [resizableColumns]="primengTableHelper.resizableColumns"
              >
                <ng-template pTemplate="header">
                  <tr>
                    <th style="width: 120px">工装名称</th>
                    <th style="width: 120px">工装图号</th>
                    <th style="width: 120px">操作类型</th>
                    <th style="width: 120px">出库信息</th>
                    <th style="width: 150px" pSortableColumn="outDate">
                      出库时间
                      <p-sortIcon field="outDate"></p-sortIcon>
                    </th>
                    <th style="width: 120px">出库备注</th>
                    <th style="width: 120px">入库信息</th>
                    <th style="width: 150px" pSortableColumn="backDate">
                      入库时间
                      <p-sortIcon field="backDate"></p-sortIcon>
                    </th>
                    <th style="width: 120px">入库备注</th>
                  </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit">
                  <tr>
                    <td style="width: 120px"><span class="ui-column-title"> 工装名称</span> {{ record.title }}</td>
                    <td style="width: 120px"><span class="ui-column-title"> 工装图号</span> {{ record.subTitle }}</td>
                    <td style="width: 120px">
                      <span class="ui-column-title"> 操作类型</span> {{ record.operationName }}
                    </td>
                    <td style="width: 120px">
                      <span class="ui-column-title"> 出库信息</span> {{ record.outStockInfo }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 出库时间</span> {{ record.outDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 120px"><span class="ui-column-title"> 出库备注</span> {{ record.outRemark }}</td>
                    <td style="width: 120px">
                      <span class="ui-column-title"> 入库信息</span> {{ record.backStockInfo }}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 入库时间</span> {{ record.backDate | momentFormat: 'YYYY-MM-DD' }}
                    </td>
                    <td style="width: 120px"><span class="ui-column-title"> 入库备注</span> {{ record.backRemark }}</td>
                  </tr>
                </ng-template>
              </p-table>
              <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">{{ l('NoData') }}</div>
              <div class="primeng-paging-container">
                <p-paginator
                  rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
                  #logPaginator
                  (onPageChange)="getToolingLogs($event)"
                  [totalRecords]="primengTableHelper.totalRecordsCount"
                  [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage"
                >
                </p-paginator>
                <span class="total-records-count"> 共计：{{ primengTableHelper.totalRecordsCount }} </span>
              </div>
            </tab>
          </tabset>
        </div>
      </div>
    </div>
  </div>
</div>
